@charset "utf-8";
body {font-family: 'spoqahansans', sans-serif;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;500;700&display=swap');

.intro{ position: fixed; margin: 0 auto; left: 0; right: 0;  z-index:9999; width:100%; top:0px; height:100%; overflow:hidden;text-align: center; font-family: 'Lora', serif;  background:#e4dfcb; }
.intro .line01{ position:absolute; width:0px; height:2px; left:50%; top:46%; margin-top:-78px;  margin-left:-80px; background:#1c2952; text-align:left;}
.intro .line02{ position:absolute; width:2px; height:0px; left:50%; top:46%; margin-top:-78px;  margin-left:78px; ; background:#1c2952;}
.intro .line03{ position:absolute; width:0px; height:2px; left:50%; top:46%; margin-top:80px; transform: translate(-50%); background:#1c2952;}
.intro .line04{ position:absolute; width:2px; height:0px; left:50%; bottom:54%; margin-bottom:-82px; margin-left:-80px; background:#1c2952;}
.intro .intro_logo{ position:absolute; left:50%; top:46%; transform: translate(-50%, -50%);}
.intro .intro_logo img{width:2120px; opacity:0; transform: rotate( 0deg );}
.intro .intro_logo2{ position:absolute; left:50%; top:46%; transform: translate(-50%, -50%); z-index:101;}
.intro .intro_logo2 img{width:80px; opacity:0;}
.intro .intro_bg{position:absolute; width:160px; height:0px; left:50%; bottom:54%; margin-bottom:-82px;  margin-left:-80px; background:#1c2952; text-align:left; z-index:100;}

.wrap{width:100%; position:relative;}
.wrap_m{width:100%; max-width:600px; background:#fff; margin:0 auto;}


/*.main_img_box { position: relative; width: 100%; height: calc(100vh - 109px); margin-top: 0px; }*/
.main_img_box { position: relative; width: 100%; height: 60vh; margin-top: 0px; }
.swiper1 { width: 100%; height: 100%; }
.main_img { width: 100%; height: 100%; position: relative; }
.main_img.img01 { background: url(../../img/main/main_img01.jpg) center no-repeat; background-size: cover; }
.main_img.img02 { background: url(../../img/main/main_img02.jpg) center no-repeat; background-size: cover; }
.main_img.img03 { background: url(../../img/main/main_img03.jpg) center no-repeat; background-size: cover; }
.main_img.img04 { background: url(../../img/main/main_img04.jpg) center no-repeat; background-size: cover; }
.main_img.img05 { background: url(../../img/main/main_img05.jpg) center no-repeat; background-size: cover; }
.main_img.img06 { background: url(../../img/main/main_img06.jpg) center no-repeat; background-size: cover; }
.main_img.img07 { background: url(../../img/main/main_img07.jpg) center no-repeat; background-size: cover; }
.main_img.img08 { background: url(../../img/main/main_img08.jpg) center no-repeat; background-size: cover; }
.main_img.img09 { background: url(../../img/main/main_img09.jpg) center no-repeat; background-size: cover; }
.main_img.img10 { background: url(../../img/main/main_img10.jpg) center no-repeat; background-size: cover; }
.main_img.img11 { background: url(../../img/main/main_img11.jpg) center no-repeat; background-size: cover; }
.main_img.img12 { background: url(../../img/main/main_img12.jpg) center no-repeat; background-size: cover; }
.main_img.img13 { background: url(../../img/main/main_img13.jpg) center no-repeat; background-size: cover; }
.main_img.img14 { background: url(../../img/main/main_img14.jpg) center no-repeat; background-size: cover; }

.main_arrow { position: absolute; right: 15px; bottom: 20px; z-index: 99; display: flex; justify-content: space-between; }
.main_arrow img { width: 70px; } 
.swiper-button-next, .swiper-button-prev { position: relative !important; width: revert !important; height: revert !important; top: revert !important; left: revert !important; right: revert !important; margin: revert !important; outline: none; }




.main_visual{ position: relative; width:100%; height:600px; /*top:80px;*/ background:#fff;}
.main_visual .main_section{color:#fff; width:100%;height:100%; background:url('../../img/main/main01.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:0;}
  
.main_visual .main_section .main_txt{ position:absolute; left:40px; top:60px;}
.main_visual .main_section .main_txt h1{font-family: 'Montserrat Alternates', sans-serif; font-size:32px; font-weight:700;}
/*.main_visual .main_section .main_txt h1{font-family: 'Poiret One', cursive; font-size:32px; font-weight:normal;}*/
.main_visual .main_section .main_txt h1 span{font-weight:700;}
/*.main_visual .main_section .main_txt h1 span{font-weight:100;}*/
.main_visual .main_section .main_txt p{ font-size:14px; font-family: 'spoqahansans', sans-serif;}


.main_visual .main_section .main_arrow{ position:absolute; right:30px; bottom:30px;}


.contents01{ position: relative; width:100%; height:230px;/*top:80px;*/ background:#fff;}
.contents01 .contents_section01{color:#fff; width:calc(100% - 40px); height:100%; background:url('../../img/main/cont01.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; margin:20px 20px;}
.contents01 .contents_section01 .main_txt{ color:#fff;position:absolute; left:20px; bottom:30px; /*background:rgba(0, 0, 0, 0.7)*/; padding:10px 40px 0px 20px; height:82px;}
.contents01 .contents_section01 .main_txt h1{font-family: 'Montserrat Alternates', sans-serif; font-size:20px; font-weight:700;}
/*.contents01 .contents_section01 .main_txt h1{font-family: 'Poiret One', cursive; font-size:20px; font-weight:normal;}*/
/*.contents01 .contents_section01 .main_txt h1 span{font-weight:100;}*/
.contents01 .contents_section01 .main_txt p{ font-size:12px;}

.contents02{ position: relative; width:100%; height:140px; /*top:80px;*/background:#fff;}
.contents02 .contents_section02{color:#fff; width:calc(100% - 40px); height:140px;  margin:20px 20px;}
.contents02 .contents_section02 li:nth-child(1) {width:calc(33.3333% - 0px);background:url('../../img/main/cont02on.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; height:140px; float:left;}
.contents02 .contents_section02 li:nth-child(2) {width:calc(33.3333% - 4px);background:url('../../img/main/cont03on.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; height:140px; float:left; margin-left:4px;}
.contents02 .contents_section02 li:nth-child(3) {width:calc(33.3333% - 4px);background:url('../../img/main/cont04on.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; height:140px; float:left; margin-left:4px;}
.contents02 .contents_section02 li .main_txt{ text-align:center;}
.contents02 .contents_section02 li .main_txt h1{font-family: 'Montserrat Alternates', sans-serif; font-size:16px; font-weight:700; margin-top:58px; color:#fff;}
/*.contents02 .contents_section02 li .main_txt h1{font-family: 'Poiret One', cursive; font-size:16px; font-weight:normal; margin-top:58px; color:#fff;}*/
/*.contents02 .contents_section02 li .main_txt h1 span{font-weight:100;}*/
.contents02 .contents_section02 li .main_txt p{ font-size:14px;}

.contents03{ position: relative; width:100%; height:230px;/*top:80px;*/  background:#fff;}
.contents03 .contents_section03{color:#fff; width:calc(100% - 40px); height:100%; background:url('../../img/main/cont05on.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; margin:20px 20px;}
.contents03 .contents_section03 .main_txt{ position:absolute; left:20px; top:10px; /*background:rgba(0, 0, 0, 0.7)*/; padding:10px 40px 0px 20px; height:100px;}
.contents03 .contents_section03 .main_txt h1{font-family: 'Montserrat Alternates', sans-serif; font-size:20px; font-weight:700;}
/*.contents03 .contents_section03 .main_txt h1{font-family: 'Poiret One', cursive; font-size:20px; font-weight:normal;}*/
/*.contents03 .contents_section03 .main_txt h1 span{font-weight:100;}*/
.contents03 .contents_section03 .main_txt p{ font-size:14px;}

.contents04{ position: relative; width:100%; height:160px; /*top:80px;*/ background:#fff;}
.contents04 .contents_section04{color:#fff; width:calc(100% - 40px); height:100%; background:url('../../img/main/cont06on.jpg') no-repeat center center; background-size:cover; overflow:hidden; opacity:1; margin:20px 20px;}
.contents04 .contents_section04 .main_txt{ position:absolute; left:20px; bottom:0px; /*background:rgba(0, 0, 0, 0.7); */ padding:10px 40px 0px 20px; height:100px;}
.contents04 .contents_section04 .main_txt h1{color:#fff; font-family: 'Montserrat Alternates', sans-serif;  font-size:20px; font-weight:700;}
/*.contents04 .contents_section04 .main_txt h1{color:#fff; font-family: 'Poiret One', cursive;  font-size:20px; font-weight:normal;}*/
/*.contents04 .contents_section04 .main_txt h1 span{font-weight:100;}*/
.contents04 .contents_section04 .main_txt p{ font-size:14px;}


#footer {  
	border-top: #eee 1px solid;
	padding:50px 0;
	font-size: 11px;    
	width: 90%;
	letter-spacing:-1px;
	color: #777;
    width: 100%; position: relative;
    background-color: #fff;
	font-family: 'spoqahansans', sans-serif;
    margin: 0 auto;
    text-align: center;
}

#main-footer {  
	padding:50px 0;
	font-size: 11px;    
	width: 90%;
	letter-spacing:-1px;
	color: #777;
    width: 100%; position: relative;
    background-color: #fff;
	font-family: 'spoqahansans', sans-serif;
    margin: 0 auto;
    text-align: center;
}
#f-fixed { z-index:55; height:50px; background-color:#fff; max-width:600px;  width:100%; position:fixed; bottom:0 ;  }
#back { float:left;  width:50px ; height:50px ;border-top:#dddddd 1px solid ; }
#f-desc2 { border-top:#dddddd 1px solid ; pointer-events: none; width:60%; margin-left:-35px; left:0 ; float:left; text-align:center; font-size:13px; font-weight:400; line-height:48px; font-family: 'spoqahansans', sans-serif;}


#sns { position:absolute;  margin:0; display:inline-block; right:0; }
#sns li { position:relative; float:left; display:inline-block; margin:0; padding:0; right:0; width:50px ; height:50px}

#sns li:nth-child(1) { border-top:#9b7c60 solid 1px}
#sns li:nth-child(2) { border-top:#515872 solid 1px}
#sns li:nth-child(3) { border-top:#292929 solid 1px}